{include file="jptweb/head" /}
    <title>Title</title>

</head>
<body>
<!--导航栏-->
{include file="jptweb/header" /}


<!--导航栏 end-->

<div class="wrapper">
<!--轮播图-->
<div class="home_swiper">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src="/static/jpt/jptweb/img/first-banner.png">
            </div>
            <div class="swiper-slide">
                <img src="/static/jpt/jptweb/img/first-banner.png">
            </div>

        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
    </div>
</div>

<!--轮播图 end-->


<!---->

<div style="" class="home_tap main">
    <div class="img_box">
        <img class="img_r" src="/static/jpt/jptweb/img/first-meitibanner.png">
        <img class="img_l" src="/static/jpt/jptweb/img/first-guanggaobanner.png">

        <img class="img_c" src="/static/jpt/jptweb/img/first-zhuanhuan.png">


    </div>
    <div class="link_bth">
        <div class="flex-1">
            <a class="btn btn-primary radius">广告主入驻</a>
        </div>
        <div class="flex-1">
            <a class="btn btn-primary radius">区域新媒体</a>
        </div>
    </div>
</div>

<div class="home_advantage">
    <div class="main">
        <div class="home_ad_title">
            <h2>我的优势</h2>
            <span>Advantage</span>
        </div>

        <div class="adv_grids row cl">
            <div class="adv_grid col-xs-6 col-sm-4">
                <img src="/static/jpt/jptweb/img/first-btn-1.png">
                <p>海量媒体资源</p>
                <p>大数据分析支持</p>
                
            </div>
            <div class="adv_grid  col-xs-6 col-sm-4">
                <img src="/static/jpt/jptweb/img/first-btn-2.png">
                <p>300+垂直细分行业</p>
                <p>智能匹配投放</p>

            </div>
            <div class="adv_grid  col-xs-6 col-sm-4">
                <img src="/static/jpt/jptweb/img/first-btn-3.png">
                <p>有效流量</p>
                <p>自主定价</p>

            </div>
            <div class="adv_grid col-xs-6  col-sm-4">
                <img src="/static/jpt/jptweb/img/first-btn-4.png">
                <p>广告形态丰富</p>
                <p>大数据分析支持</p>

            </div>
            <div class="adv_grid col-xs-6  col-sm-4">
                <img src="/static/jpt/jptweb/img/first-btn-5.png">
                <p>自主选择</p>
                <p>自愿接单</p>

            </div>
            <div class="adv_grid col-xs-6 col-sm-4">
                <img src="/static/jpt/jptweb/img/first-btn-6.png">
                <p>有粉丝就能接单</p>
                <p>有流量就能变现</p>

            </div>
        </div>
    </div>
</div>

<div class="home_task main">

    <div class="home_ad_title">
        <h2>我的任务</h2>
        <span>Task</span>
    </div>
    <div class="task_girds row cl">
        <div class="task_gird col-sm-6 col-md-3">
            <div class="box">
                <img src="/static/jpt/jptweb/img/first-pic-1.png" alt="">
                <h5>幸福堂馆的方式离</h5>
                <p>推广流量：<span>3000</span></p>
                <p>推广区域：<span>不限区域</span></p>
                <p class="desc">接单媒体：<span>12</span></p>
            </div>
        </div>

        <div class="task_gird col-sm-6 col-md-3">
            <div class="box">
                <img src="/static/jpt/jptweb/img/first-pic-2.png" alt="">
                <h5>幸福堂馆的方式离</h5>
                <p>推广流量：<span>3000</span></p>
                <p>推广区域：<span>不限区域</span></p>
                <p class="desc">接单媒体：<span>12</span></p>
            </div>
        </div>
        <div class="task_gird col-sm-6 col-md-3">
            <div class="box">
                <img src="/static/jpt/jptweb/img/first-pic-4.png" alt="">
                <h5>幸福堂馆的方式离</h5>
                <p>推广流量：<span>3000</span></p>
                <p>推广区域：<span>不限区域</span></p>
                <p class="desc">接单媒体：<span>12</span></p>
            </div>
        </div>
        <div class="task_gird  col-sm-6 col-md-3">
            <div class="box">
                <img src="/static/jpt/jptweb/img/first-pic-2.png" alt="">
                <h5>幸福堂馆的方式离</h5>
                <p>推广流量：<span>3000</span></p>
                <p>推广区域：<span>不限区域</span></p>
                <p class="desc">接单媒体：<span>12</span></p>
            </div>
        </div>
        <div class="task_gird  col-sm-6 col-md-3">
            <div class="box">
                <img src="/static/jpt/jptweb/img/first-pic-1.png" alt="">
                <h5>幸福堂馆的方式离</h5>
                <p>推广流量：<span>3000</span></p>
                <p>推广区域：<span>不限区域</span></p>
                <p class="desc">接单媒体：<span>12</span></p>
            </div>
        </div>
        <div class="task_gird  col-sm-6 col-md-3">
            <div class="box">
                <img src="/static/jpt/jptweb/img/first-pic-4.png" alt="">
                <h5>幸福堂馆的方式离</h5>
                <p>推广流量：<span>3000</span></p>
                <p>推广区域：<span>不限区域</span></p>
                <p class="desc">接单媒体：<span>12</span></p>
            </div>
        </div>
        <div class="task_gird  col-sm-6 col-md-3">
            <div class="box">
                <img src="/static/jpt/jptweb/img/first-pic-2.png" alt="">
                <h5>幸福堂馆的方式离</h5>
                <p>推广流量：<span>3000</span></p>
                <p>推广区域：<span>不限区域</span></p>
                <p class="desc">接单媒体：<span>12</span></p>
            </div>
        </div>
        <div class="task_gird col-sm-6 col-md-3">
            <div class="box">
                <img src="/static/jpt/jptweb/img/first-pic-1.png" alt="">
                <h5>幸福堂馆的方式离</h5>
                <p>推广流量：<span>3000</span></p>
                <p>推广区域：<span>不限区域</span></p>
                <p class="desc">接单媒体：<span>12</span></p>
            </div>
        </div>






        <div class="view_more col-sm-12  text-c">
            <a href="">点击查看更多</a>
        </div>

    </div>





</div>


    {include file="jptweb/footer" /}

<!-- end-->
</div>



{load href="/static/lib/jquery/1.9.1/jquery.min.js" /}

{load href="/static/h-ui/js/H-ui.js" /}
{load href="/static/swiper/swiper-3.4.2.jquery.min.js" /}


<script>
    var mySwiper = new Swiper ('.swiper-container', {

        loop: true,

        // 如果需要分页器
        pagination: '.swiper-pagination',
        paginationClickable: true,



    })

</script>
</body>
</html>